@import '~/assets/style/mixin.less';

.social {
  flex: 1;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;

  &-item {
    list-style: none;
    margin: 0 0 0 4px;
    padding: 0;

    a {
      .anim-color();
      display: block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      background-color: @color-white;
      border-radius: 50%;
      text-align: center;
      color: @color-secondary;
      &:hover {
        color: @color-default;
      }
    }
  }
}
